import React, {Component} from 'react';
import {HashRouter as Router, Route, Link} from 'react-router-dom';
import {WingBlank} from 'antd-mobile';

import All from './components/all';
import Home from './components/Home';
import Login from './components/login';
import BaseInfoForm from './components/base-info-form';
import HealthForm from './components/health-form';
import MyPlan from './components/my-plan';
import logo from './logo.svg';
import './App.css';
import './style/style.less';

class App extends Component {
    render() {
        return (
            <Router>
                <WingBlank style={{maxWidth:'720px',margin:'0 auto'}}>
                    <Route exact path="/" component={All}/>
                    <Route exact path="/home" component={Home}/>
                    <Route path="/login" component={Login}/>
                    <Route path="/base-info-form" component={BaseInfoForm}/>
                    <Route path="/health-form" component={HealthForm}/>
                    <Route path="/my-plan" component={MyPlan}/>
                </WingBlank>
            </Router>
        );
    }
}

export default App;
